.rightContainer .contentBox{
  height: 88%;
  width: 100%;
  padding-top: 3.8%;
  box-sizing: border-box;
}
.rightContainer .content{
  width: 94%;
  height: 94%;
  margin: 0% auto;
  box-sizing: border-box;
  /* background-color: aquamarine; */
  box-shadow: 1px 3px 15px 0px grey;
  /* padding-bottom: 50px; */
}
.rightContainer .content .funTitle{
  height: 60px;
  background: rgba(36, 57, 70, 0.8);
  color: rgb(255, 255, 255);
  box-sizing: border-box;
  padding-left: 2.6%;

  line-height: 60px;
  font-size: 30px;
  
}
.rightContainer .formContainer{
  height: 90%;
  overflow: auto;
}
.rightContainer .content .form{
  width: 95%;
  margin: 0 auto;
  /* background-color: blueviolet; */
  border: 2px solid grey;
  color: rgb(29, 29, 29);
  margin-top: 50px;
  
}

.form .des{
  font-size: 25px;
}
.form li{
  width: 100%;
  display: flex;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
}
.form li div{
  border: 1px solid grey;
  padding-left: 10px;
  box-sizing: border-box;
}
.form .id {
  width: 15%;
}
.form .bookName {
  width: 20.5%;
}
.form .borrowDate {
  width: 21%;
}
.form .returnDate {
  width: 21%;
}
/* .form .status {
  width: 15%;
} */
.form .status{
  width: 11.5%;
  text-align: center;
  padding-left: 0;
}
.form .operation{
  width: 11%;
  text-align: center;
  padding-left: 0;
}
.form  span{
  
  color: white;
  height: 22px;
  width: 40px;
  background-color: rgb(69, 114, 165);
  padding:5px 10px;
  border-radius: 5px;
  align-content: center;
}

.form  span img{
  position: relative;
  top: 2px;
  margin-right: 4px;
}
.form .operation .comment{
  cursor: pointer;
  background-color: rgb(57, 117, 49);
}
.form .operation .comment:hover{
  background-color: rgb(223, 85, 50);

}